#top-section {
    position: relative; 
    height: calc(100vh * (1 / 7)); /* 占据视口的1/3高度 */
    background-color: rgba(182, 183, 126); /* 底部背景色 */
}
#category-section {
    position: absolute;
    top: 50%; /* 定位到顶部的一半位置 */
    transform: translateY(-100%); /* 向上偏移自身一半的高度 */
    left: 0;
    right: 0; /* 左右边缘对齐 */
    padding: 1em; /* 上内边距 */
    background-color: #4f5654; /* 分类区背景色 */
    text-align: center;
    font-size: 20px;
    
}
#category-section a {
    text-decoration: none; /* 去掉链接下的下划线 */
    color: inherit; /* 继承父元素颜色 */
}